<template>
  <view>
    <view class="page-body">
      <view class="page-section page-section-gap" style="text-align: center;">
        <audio style="text-align: left;" :src="current.src" :poster="current.poster" :name="current.name"
          :author="current.author" controls="true"></audio>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        current: {
          poster: 'http://www.lucklnk.com/music/jiehun/1.png', // 封面
          name: '咱们结婚吧', //音频名字
          author: '齐秦', // 作者名字
          src: 'http://www.lucklnk.com/music/jiehun/1.mp3' // 音频地址
        }
      };
    }
  }
</script>

<style lang="scss">

</style>